<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>h5</title>
		<link rel="stylesheet" href="css/style.css">
	</head>

	<body class="index-bg">
		<div class="page">
			<div class="header">
				<div class="logo">个人中心</div>
				<div class="quit"><img src="images/quit-icon.png"></div>
				<div class="cls"></div>
			</div>
			<div class="content">
				<div class="user">
					<div class="user-details">
						<ul>
							<li class="img"><img src="images/re2.png"></li>
							<li class="txt">
								<div class="user-top"><span class="user-name">阿波</span><span class="user-vip">VIP会员</span><span class="user-vvip">超级会员</span></div>
								<div class="user-bot"><span>绑定手机</span><span>激活VIP</span><span>赚佣金</span></div>
							</li>
						</ul>
						<div class="cls"></div>
					</div>
					<div class="user-menu">
						<ul>
							<li><span class="user-menu-num">500</span><span class="user-menu-txt">已兑积分</span><span class="user-menu-tip">看明细</span></li>
							<li><span class="user-menu-num">500</span><span class="user-menu-txt">可用积分</span><span class="user-menu-tip">去兑换</span></li>
							<li><span class="user-menu-num">¥2000</span><span class="user-menu-txt">累计提现</span><span class="user-menu-tip">查记录</span></li>
							<li class="last"><span class="user-menu-num">¥1000</span><span class="user-menu-txt">账户余额</span><span class="user-menu-tip">提现</span></li>
							<div class="cls"></div>
						</ul>
					</div>
					<div class="user-set">
						<ul>
							<li class="a"><a href="#">设置</a></li>
							<li class="b"><a href="#">消息</a></li>
						</ul>
					</div>
				</div>
				<div class="user-nav">
					<ul>
						<li class="a"><a href="#">团队好友</a></li>
						<li class="b"><a href="#">邀请好友</a></li>
						<li class="c"><a href="#">订单业绩</a></li>
						<li class="d"><a href="#">钱包提现</a></li>
						<li class="e"><a href="#">积分商城</a></li>
						<li class="f"><a href="#">专属客服</a></li>
						<li class="g"><a href="#">使用帮助</a></li>
						<li class="h"><a href="#">收藏足迹</a></li>
					</ul>
					<div class="cls"></div>
				</div>
				<div class="user-ad">
					<img src="images/index1.png">
				</div>
				<div class="user-list">
					<ul>
						<li class="a"><a href="#"><span class="l">邀请好友</span><span class="r">帮朋友省钱 自己赚零花钱</span></a></li>
						<li class="b"><a href="#"><span class="l">绑定手机</span><span class="r">激活VIP 赚佣金</span></a></li>
						<li class="c"><a href="#"><span class="l">申请合伙人</span><span class="r">赚超级佣金</span></a></li>
						<li class="d"><a href="#"><span class="l">操作说明</span><span class="r"></span></a></li>
						<li class="e"><a href="#"><span class="l">查券教程</span><span class="r"></span></a></li>
						<li class="f"><a href="#"><span class="l">我的免单券</span><span class="r"></span></a></li>
						<li class="g"><a href="#"><span class="l">清除缓存</span><span class="r"></span></a></li>
						<li class="h"><a href="#"><span class="l">小程序设置</span><span class="r"></span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>